<html>
	<head>

<!--
http://www.itsavesyou.com/TextArea_Resizer_example.htm
-->
		<title>jQuery textarea resizer plugin</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
		<script type="text/javascript" src="http://www.itsavesyou.com/jquery.textarearesizer.compressed.js"></script>
		<script type="text/javascript">
			/* jQuery textarea resizer plugin usage */
			$(document).ready(function() {
				$('textarea.resizable:not(.processed)').TextAreaResizer();
				$('iframe.resizable:not(.processed)').TextAreaResizer();
			});
		</script>

		<style type="text/css">
			div.grippie {
				background:/*#EEEEEE */url(http://www.itsavesyou.com/grippie.png) no-repeat scroll right 2px;
/*				border-color:#DDDDDD;
				border-style:solid;
				border-width:0pt 1px 1px; */
				cursor:s-resize;
				height:9px;
				overflow:hidden;
                                padding:0;
                                margin:0;
			}
			.resizable-textarea{
				padding:0;
				width:auto;
				height:auto;
                                min-height:100px;
			}
			.resizable-textarea textarea,.resizable-textarea iframe{
				display:block;
				margin-bottom:0px;
				width:auto;/*width:100%;height:100%;*/
				height:auto;
                                margin:0;
                                min-height:100px;
                                resize:none;
                                overflow:auto;
			}
		</style>

	</head>
	<body>
		<h1>jQuery TextAreaResizer plugin example</h1>
		<h2>Simple iFrame (jQuery) + Resizer bar (grippie)</h2>

		<iframe class="resizable" src="http://jQuery.com" style="width:800px;height:200px;"></iframe>

		<br />

		<h2>Simple textarea + Resizer bar (grippie)</h2>
			<textarea class="resizable" cols=80 style="width:400px;height:200px;">some test text
some test text some test text some test text some test text some test text
some test text
some test text
some test text
some test text
some test text some test text some test text some test text some test text
some test text
some test text
some test text
some test text
some test text some test text some test text some test text some test text
some test text
some test text
some test text
some test text
</textarea>

		<p><a href="http://plugins.jquery.com/project/TextAreaResizer">Link back to jQuery TextAreaResizer plugin page</a></p>
	</body>
</html>
